<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
      }

      #title {
        width: 900px;
        border-bottom: 1px solid #ccc;
        margin: auto;
        padding-bottom: 15px;
        text-align: center;
      }

      #content {
        width: 900px;
        height: 500px;
        margin: 10px auto;
      }

      .left {
        width: 400px;
        height: 500px;
        float: left;
        /* border: 1px solid #000; */
      }

      .right {
        width: 500px;
        height: 500px;
        float: left;
        /* border: 1px solid #000; */
      }

      .imgbd {
        text-align: center;
        padding-top: 15px;
      }

      #small ul {
        margin-left: 14px;
      }

      #small ul li {
        float: left;
        list-style: none;
        width: 60px;
        height: 50px;
        border: 1px solid #ccc;
        text-align: center;
        margin-left: 10px;
      }

      .share-favthis {
        margin-top: 5px;
      }

      .share-favthis a {
        padding-left: 23px;
      }

      #small {
        height: 50px;
        margin-top: 10px;
      }

      ul li {
        list-style: none;
      }

      .right ul li:not(:nth-child(4)) {
        list-style: none;
        border-bottom: 1px dashed #ccc;
        height: 50px;
        line-height: 50px;
      }

      .right ul li span {
        padding-right: 60px;
      }

      .guimei {
        width: 420px;
        background: #f6f3d4;
        height: 50px;
      }

      .guimei span {
        height: 50px;
        width: 50px;
        float: left;
        padding-top: 16px;
      }

      .guimei div {
        float: right;
        height: 50px;
        width: 350px;
        padding-top: 5px;
      }
    </style>
  </head>

  <body>
    <div style="width: 1024px; margin: auto">
      <iframe
        src="head.html"
        frameborder="0"
        width="1024"
        scrolling="no"
      ></iframe>
      <div id="title">
        <h3>联想Y450A-TFO (NBA纪念版)512独显超强性价比</h3>
      </div>
      <div id="content">
        <div class="left">
          <div class="imgbd">
            <img src="images/show1_big.jpg" alt="" />
            <div id="small">
              <ul>
                <li><img src="images/show1.jpg" alt="" /></li>
                <li><img src="images/show2.jpg" alt="" /></li>
                <li><img src="images/show3.jpg" alt="" /></li>
                <li><img src="images/show4.jpg" alt="" /></li>
                <li><img src="images/show5.jpg" alt="" /></li>
              </ul>
            </div>
          </div>
          <div class="share-favthis">
            <a href="#"> <img src="images/share.gif" alt="" /></a>
            <a href="#"> <img src="images/favthis.gif" alt="" /></a>
          </div>
        </div>
        <div class="right">
          <ul>
            <li>
              一口价:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;80.00元
            </li>
            <li>
              运&nbsp;&nbsp;&nbsp;费:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;免运费
            </li>
            <li><img src="images/buynow.gif" alt="" /></li>
            <li>
              <div class="guimei">
                <span><img src="images/onlinepay.gif" alt="" /></span>
                <div>
                  <p>此商品支持网银支付，网上汇款免手续费。</p>
                  <p>收货满意后出售者才能拿钱，货款都安全!</p>
                </div>
              </div>
            </li>
            <li>剩余时间:&nbsp;&nbsp;&nbsp;&nbsp;10天23小时</li>
            <li>本期售出:&nbsp;&nbsp;&nbsp;&nbsp;2件</li>
            <li>累计售出:&nbsp;&nbsp;&nbsp;&nbsp;8件</li>
            <li><span> 商品类型:全新</span> <span>所在地:山西太原</span></li>
            <li>
              <span>商品数量:1件</span
              ><span>&nbsp;&nbsp;&nbsp;浏览量:17次</span>
            </li>
          </ul>
        </div>
      </div>
      <iframe
        src="footer.html"
        frameborder="0"
        width="1024"
        scrolling="no"
      ></iframe>
    </div>
  </body>
</html>
